@charset "UTF-8";

html,body {
	min-width: 1200px;
}

/* section1 */
.section1 {
	width: 100%;
	height: 750px;
	background: url("section1.jpg") no-repeat center;
	background-size: cover;
}
.section1 .courseMsg {
	margin-top: 100px;
	color: #fff;
	line-height: 1.5;
}
.section1 .courseMsg .text {
	font-size: 30px;
}
.section1 .courseMsg .text span {
	font-weight: bold;
	color: #e83834;
}
.section1 .courseMsg .courseTitle {
	font-size: 44px;
}
.section1 .courseMsg .courseTitle span {
	color: #e83834;
}
.section1 .courseMsg .courseSubhead {
	font-size: 36px;
}
.section1 .courseMsg .teacher {
	font-size: 30px;
	margin-top: 50px;
}
.section1 .courseMsg .teacher span {
	font-weight: bold;
	font-size: 36px;
}
.section1 .courseMsg .courseTime,
.section1 .courseMsg .coursePrice,
.section1 .courseMsg .courseOldPrice{
	font-size: 30px;
}
.section1 .courseMsg .courseOldPrice {
	margin-top: 20px;
}
.section1 .courseMsg .courseOldPrice span {
	text-decoration: line-through;
	color: #ccc;
}
.section1 .courseMsg .coursePrice {
	color: #e83834;
}
.section1 .courseMsg .coursePrice span {
	font-size: 36px;
	font-weight: bold;
}
.section1 .courseMsg .buyBtns {
	margin-top: 40px;
}
.section1 .courseMsg .buyBtns a {
	width: 170px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	background:-moz-linear-gradient(#f27b2a,#dd390f);
	background:-webkit-linear-gradient(#f27b2a,#dd390f);
	background:linear-gradient(#f27b2a,#dd390f);
}
.section1 .courseMsg .buyBtns a:hover {
	-webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    z-index: 1;
}
.section1 .courseMsg .buyBtns .buy {
	margin-right: 50px;
}
.section1 .courseMsg .buyBtns p {
	text-align: center;
	width: 170px;
	margin-right: 50px;
	font-size: 20px;
}
.section1 .animateGirl {
	bottom: -93px;
	right: 0;
	width: 650px;
	height: 640px;
	background: url("animateGirl.png") no-repeat center;
	-moz-animation: fadeIn 2s linear;
	-webkit-animation: fadeIn 2s linear;
	animation: fadeIn 2s linear;
} 
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.section1 .wechatScan {
	display: none;
	left: 360px;
	bottom: 100px;
}

/* section2 */
.section2 {
	width: 100%;
	height: 570px;
	background: url("section2.jpg") no-repeat center;
	background-size: cover;
}

/* section3 */
.section3 {
	width: 100%;
	height: 520px;
	background: url("section3.jpg") no-repeat center;
	background-size: cover;
}

/* section4 */
.section4 {
	width: 100%;
	height: 500px;
	background: url("section4.jpg") no-repeat center;
	background-size: cover;
}

/* section5 */
.section5 {
	width: 100%;
	height: 650px;
	background: url("section5.jpg") no-repeat center;
	background-size: cover;
}
.section5 .wrap {
	padding-top: 93px;
}
.section5 .bg-image {
	width: 1193px;
	height: 465px;
	margin:0 auto;
	background: url("section5-1.png") no-repeat center;
	background-size: cover;
}

/* section6 */
.section6 {
	width: 100%;
	height: 530px;
	background: #e9e9e9;
} 
.section6 img {
	width: 180PX;
	height: 180PX;
	margin:110px auto 50px;
}
.section6 .joinBtn {
	width: 300px;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    font-size: 24px;
    color: #080808;
    border: 2px solid #080808;
}
.section6 .joinBtn:hover {
	background: #080808;
	color: #fff;
}

/* section7 */
.section7 {
	width: 100%;
	height: 1806px;
	background: url("section7.jpg") no-repeat center;
	background-size: cover;
}
.section7 .wrap {
	padding-top: 100px;
}
.section7 .text {
	font-size: 32px;
	color: #fff;
	margin:0 auto 70px;
}
.section7 .text.title {
	margin:60px 0 40px;
}
.section7 .workList .item {
	display: inline-block;
	width: 300px;
	height: 350px;
	margin-right: 30px;
	margin-bottom: 40px;
	overflow: hidden;
}
.section7 .workList .item:nth-child(3n) {
	margin-right: 0;
}
.section7 .workList .item:hover {
	-webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    z-index: 1;
}
.section7 .subhead {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
}
.section7 .recommend img{
	width:370px;
	height: 296px;
	margin-bottom: 20px;
}
.section7 .recommend .txt {
	font-size:18px;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 10px;
}
.section7 .recommend .time {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin:30px 0 20px;
}
.section7 .recommend .buy {
	width: 231px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	margin:0 auto;
	border-radius: 10px;
	background: #2d56dd;
}
.section7 .recommend .buy .price {
	margin-right: 12px;
}
.section7 .recommend .buy:hover {
	background: #0b38ca;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	z-index: 1;
}

/* section8 */
.section8 .main {
	width: 100%;
    height: 500px;
    background: url(section9.jpg) no-repeat center;
    background-size: cover;
}
.section8 .main a {
	width: 172px;
    height: 42px;
    margin-top: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.section8 .main .join {
	margin-right: 50px;
    background-image: url(join.png);
}
.section8 .main .recommend {
	background-image: url(propaganda.png);
}
.section8 .main a:hover {
	-webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    z-index: 1;
}